<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>淘宝网 - 淘！我喜欢</title>
		<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费让你安心享受网上购物乐趣！" />
		<meta name="keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易" />
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/search.css"/>
		<link rel="stylesheet" type="text/css" href="css/body1.css"/>
		<script src="jquery/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/search.js"></script>
		<script type="text/javascript" src="js/body1.js"></script>
	</head>

	<body>
		<!--导航头开始-->
		<div class="nav">
			<div class="nav-nav">

				<div class="left-nav">
					<ul>
						<li>
							<div class="nav-List">
								<ul>
									<li>
										<a href="javascript:;">全球</a>
									</li>
									<li>
										<a href="javascript:;">中国大陆</a>
									</li>
									<li>
										<a href="javascript:;">中国香港</a>
									</li>
									<li>
										<a href="javascript:;">中国台湾</a>
									</li>
									<li>
										<a href="javascript:;">中国澳门</a>
									</li>
									<li>
										<a href="javascript:;">韩国</a>
									</li>
									<li>
										<a href="javascript:;">马来西亚</a>
									</li>
									<li>
										<a href="javascript:;">澳大利亚</a>
									</li>
									<li>
										<a href="javascript:;">新加坡</a>
									</li>
									<li>
										<a href="javascript:;">新西兰</a>
									</li>
									<li>
										<a href="javascript:;">美国</a>
									</li>
									<li>
										<a href="javascript:;">日本</a>
									</li>
								</ul>
							</div>
							<div class="left-nav-1 J-bwhite">
								<span><a href="javascript:;" style="color: #6C6C6C;">中国大陆</a></span>
								<span><i class="fa fa-angle-down"></i></span>
							</div>
						</li>
						<li>
							<div class="left-nav-2">
								<a href="javscripr:;"><span style="color: #F22E00;">亲，请登录</span></a>
								<a href="javscripr:;"><span id="">免费注册</span></a>
							</div>
						</li>
						<li>
							<div class="left-nav-3">
								<span><a href="javascript:;">手机逛淘宝</a></span>
							</div>
						</li>
					</ul>
				</div>
				<div class="right-nav">
					<ul>
						<li>
							<div class="nav-list">
								<a href="javascript:;">已买到的宝贝</a>
								<a href="javascript:;">我的足迹</a>
							</div>
							<div class="J-bwhite">
								<span><a href="javascript:;">我的淘宝</a></span>
								<span><i class="fa fa-angle-down"></i></span>
							</div>

						</li>
						<li>
							<div class="J-bwhite">
								<i class="fa fa-cart-arrow-down" style="color: #FF4400;"></i>
								<span>
									<a href="javascript:;">购物车</a>
								</span>
								<i class="fa fa-angle-down"></i>
							</div>
						</li>
						<li>
							<div class="nav-list">
								<a href="javascript:;">收藏的宝贝</a>
								<a href="javascript:;">收藏的店铺</a>
							</div>
							<div class="J-bwhite">
								<i class="fa fa-star" style="color: #6C6C6C;"></i>
								<span>
									<a href="javascript:;">收藏夹</a>
								</span>
								<i class="fa fa-angle-down"></i>
							</div>

						</li>
						<li>
							<div><span><a href="javascript:;">商品分类</a></span></div>
						</li>
						<li>|</li>
						<li>
							<div class="nav-list">
								<a href="javascript:;">免费开店</a>
								<a href="javascript:;">已卖出的宝贝</a>
								<a href="javascript:;">出售中的宝贝</a>
								<a href="javascript:;">卖家服务市场</a>
								<a href="javascript:;">卖家培训中心</a>
								<a href="javascript:;">体检中心</a>
								<a href="javascript:;">问商友</a>
							</div>
							<div class="J-bwhite">
								<span><a href="javascript:;">千牛卖家中心</a></span>
								<i class="fa fa-angle-down"></i>
							</div>

						</li>
						<li>
							<div class="nav-list">
								<a href="javascript:;">消费者客服</a>
								<a href="javascript:;">卖家客服</a>
							</div>
							<div class="J-bwhite">
								<span><a href="javascript:;">联系客服</a></span>
								<i class="fa fa-angle-down"></i>
							</div>
						</li>
						<li>
							<div class="nav-blist">
								<div>
									<div>
										<h4 style="color: #fc4200" ;>主题市场</h4>
									</div>
									<div>
										<ul>
											<li style="width: 23%" ;>
												<a href="javascript:;">女装</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">男装</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">内衣</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">鞋靴</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">箱包</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">婴童</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">家电</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">数码</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">手机</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">美妆</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">珠宝</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">眼镜</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">手表</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">运动</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">户外</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">乐器</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">游戏</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">动漫</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">影视</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">美食</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">鲜花</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">宠物</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">农资</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">房产</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">装修</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">建材</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">家居</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">百货</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">汽车</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">二手车</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">办公</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">定制</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">教育</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">卡卷</a>
											</li>
											<li style="width: 23%" ;>
												<a href="javascript:;">本地</a>
											</li>
										</ul>
									</div>
								</div>
								<div>
									<div>
										<h4 style="color: #9fb838" ;>特色市场</h4>
									</div>
									<div>
										<ul>
											<li style="width:30%" ;>
												<a href="javascript:;">全球购</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">极有家</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里拍卖</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">淘宝众筹</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">飞猪</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">农资</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">天天特卖</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">Outlets</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">淘抢购</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">试用</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">量版团</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里翻译</a>
											</li>
										</ul>
									</div>
								</div>
								<div>
									<div>
										<h4 style="color: #d75696" ;>阿里APP</h4>
									</div>
									<div>
										<ul>
											<li style="width:30%" ;>
												<a href="javascript:;">淘宝</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">天猫</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">支付宝</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">聚划算</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">飞猪</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">蚂蚁聚宝</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">咸鱼</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">淘小铺</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里钱盾</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">钉钉</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">高德地图</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">虾米音乐</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">淘票票</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">菜鸟裹裹</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里云</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">网商银行</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里邮箱</a>
											</li>
											<li style="width:30%" ;>
												<a href="javascript:;">阿里众包</a>
											</li>
										</ul>
									</div>
								</div>
								<div>
									<div>
										<h4 style="color: #2e9fdb" ;>精彩推荐集</h4>
									</div>
									<div>
										<ul>
											<li style="width:48%" ;>
												<a href="javascript:;">余额宝</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">大牌捡宝</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘公仔</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">浏览器</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘宝香港</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘宝台湾</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘宝全球</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘宝东南亚</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">闺蜜淘货</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">大众评审</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">淘工作</a>
											</li>
											<li style="width:48%" ;>
												<a href="javascript:;">阿里巴巴认证</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="J-bwhite">
								<i class="fa fa-bars" style="color: #FF4400; font-size: 9px;"></i>
								<span><a href="javascript:;">网站导航</a><i class="fa fa-angle-down"></i></span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--淘小铺图片开始-->
		<div class="taoxiaopu">
			<a href="javascript:;">
				<img src="imgs/TB1DP0yAoY1gK0jSZFMXXaWcVXa-1190-70.png" />
			</a>
		</div>
		<!--淘小铺图片结束-->
		<!--搜索框开始-->
		<div class="search">
			<div class="main">
				<div class="logo">
					<a href="javascript:;" class="logo-hd"><img src="imgs/logo.png" style="width: 152px;height: 58px;"/></a>
				</div>
				<div class="mid-search">
					<div class="search-class">
						<div class="top-search">
							<ul>
								<li class="b-click b-active">宝贝</li>
								<li class="b-click">天猫</li>
								<li class="b-click">店铺</li>
							</ul>
						</div>
						<div class="in-search">
							<div class="left-search">
								<div>
									<input type="text" name="" id="" placeholder=" &nbsp; &nbsp;&nbsp;&nbsp;眼镜显脸小" />
								</div>
								<div>
									<i class="fa fa-camera fa-2x" style="cursor: pointer;"></i>
								</div>
								<div id="sou">
									<i class="fa fa-search fa-2x"></i>
								</div>
							</div>
							<div class="button-search">
								<button>搜索</button>
							</div>
						</div>
					</div>
					<div class="c-search">
						<a href="javascript:;">新款连衣裙</a>
						<a href="javascript:;">四件套</a>
						<a href="javascript:;" style="color: #ff5000;">潮流T恤</a>
						<a href="javascript:;">时尚女鞋</a>
						<a href="javascript:;">短裤</a>
						<a href="javascript:;">半身裙</a>
						<a href="javascript:;">男士外套</a>
						<a href="javascript:;">墙纸</a>
						<a href="javascript:;">行车记录仪</a>
						<a href="javascript:;">新款男鞋</a>
						<a href="javascript:;">耳机</a>
						<a href="javascript:;">时尚女包</a>
						<a href="javascript:;">沙发</a>
					</div>
				</div>
			</div>
		</div>
		<!--搜索框结束-->
		<div class="body">
			<div class="inner-body">
				<div class="title">
					<h2>主题市场</h2>
					<ul>
						<a href="javascript:;" style="font-size: 16px; margin-left: 15px;">天猫<img src="imgs/title.png"/></a>
						<a href="javascript:;" style="font-size: 16px;">聚划算<img src="imgs/title.png"/></a> 
						<a href="javascript:;" style="font-size: 16px;">天猫超市<img src="imgs/title.png"/></a>
					</ul>
					<a href="javascript:;" style="font-weight: 100;">|</a>
					<a href="javascript:;">淘抢购<img src="imgs/title.png"/></a>
					<a href="javascript:;">电器城<img src="imgs/title.png"/></a>
					<a href="javascript:;">司法拍卖<img src="imgs/title.png"/></a>
					<a href="javascript:;">淘宝心选<img src="imgs/title.png"/></a>
					<a href="javascript:;">兴农脱贫<img src="imgs/title.png"/></a>
					<a href="javascript:;" style="font-weight: 100;">|</a>
					<a href="javascript:;">飞猪旅行<img src="imgs/title.png"/></a>
					<a href="javascript:;">智能生活<img src="imgs/title.png"/></a>
					<a href="javascript:;">苏宁易购<img src="imgs/title.png"/></a>
				</div>
				
				<div class="left-meun">
					
					<div class="meun">
						<ul>
							<li>
								<a href="javascript:;">女装</a> / 
								<a href="javascript:;">男装</a> /
								<a href="javascript:;">内衣</a>
								<i class="fa fa-angle-right"></i>
							</li>
							<li>         
								<a href="javascript:;">鞋靴</a> / 
								<a href="javascript:;">箱包</a> / 
								<a href="javascript:;">配件</a>
								<i class="fa fa-angle-right"></i>
							</li>       
							<li>        
								<a href="javascript:;">童装玩具</a> / 
								<a href="javascript:;">孕产</a> / 
								<a href="javascript:;">配件</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>                           
								<a href="javascript:;">家电</a> / 
								<a href="javascript:;">数码</a> / 
								<a href="javascript:;">手机</a>
								<i class="fa fa-angle-right"></i>
							</li>                         
							<li>                          
								<a href="javascript:;">美妆</a> / 
								<a href="javascript:;">洗护</a> / 
								<a href="javascript:;">保健品</a>
								<i class="fa fa-angle-right"></i>
							</li>                         
							<li>                          
								<a href="javascript:;">珠宝</a> / 
								<a href="javascript:;">眼镜</a> / 
								<a href="javascript:;">手表</a>
								<i class="fa fa-angle-right"></i>
							</li>                         
							<li>                          
								<a href="javascript:;">运动</a> / 
								<a href="javascript:;">户外</a> / 
								<a href="javascript:;">乐器</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>                           
								<a href="javascript:;">游戏</a> / 
								<a href="javascript:;">动漫</a> / 
								<a href="javascript:;">影视</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>                           
								<a href="javascript:;">美食</a> / 
								<a href="javascript:;">生鲜</a> / 
								<a href="javascript:;">零食</a>
								<i class="fa fa-angle-right"></i>
							</li>                            
							<li>                             
								<a href="javascript:;">鲜花</a> / 
								<a href="javascript:;">宠物</a> / 
								<a href="javascript:;">农资</a> 
								<i class="fa fa-angle-right"></i>
							</li>                            
							<li>                             
								<a href="javascript:;">面料采集</a> / 
								<a href="javascript:;">装修</a> / 
								<a href="javascript:;">建材</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>       
								<a href="javascript:;">家具</a> /
								<a href="javascript:;">家饰</a> / 
								<a href="javascript:;">家纺</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>                           
								<a href="javascript:;">汽车</a> / 
								<a href="javascript:;">二手车</a> / 
								<a href="javascript:;">用品</a>
								<i class="fa fa-angle-right"></i>
							</li>                           
							<li>                            
								<a href="javascript:;">办公</a> / 
								<a href="javascript:;">DIY</a> / 
								<a href="javascript:;">五金电子</a>
								<i class="fa fa-angle-right"></i>
							</li>                          
							<li>                           
								<a href="javascript:;">百货</a> / 
								<a href="javascript:;">餐厨</a> / 
								<a href="javascript:;">家庭保健</a>
								<i class="fa fa-angle-right"></i>
							</li>                           
							<li>                            
								<a href="javascript:;">学习</a> / 
								<a href="javascript:;">卡券</a> / 
								<a href="javascript:;">本地服务</a>
								<i class="fa fa-angle-right"></i>
							</li>
						</ul>
					</div>
					<div class="meun-list">
						<div class="ppt">
							<!--<div class="ser-list">
								<div class="list1">
									<div class="list1-1">
										<h5>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
										</h5>
										<p>          
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
											<a href="javascript:;"></a>
										</p>
									</div>
									<div class="list1-1"></div>
									<div class="list1-1"></div>
								</div>
								<div class="list2">
									
								</div>
							
							</div>
-->							<div class="ppt-left">
								<div class="changeImg1">
									<ul id="changeImg1">
										<li>
											<img src="imgs/1.png" alt="" />
										</li>       
										<li>        
											<img src="imgs/2.png" alt="" />
										</li>        
										<li>         
											<img src="imgs/3.png" alt="" />
										</li>       
										<li>        
											<img src="imgs/4.png" alt="" />
										</li>        
										<li>         
											<img src="imgs/5.png" alt="" />
										</li>
									</ul>
									<a href="javascript:;" id="prev" style="text-align: center;">
										<i class="fa fa-angle-left"></i>
									</a>
									<a href="javascript:;" id="next" style="text-align: center;">
										<i class="fa fa-angle-right"></i>
									</a>
									
									<ul id="circle">
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
								<div class="ppt-mid" style="color: #3C3C3C;">
									<span id="mao">
										<img src="imgs/tianmao.png" alt="" style="width: 136px;height: 19px;"/>
									</span>
									<em style="font-style: normal;color: #666666;position: absolute;top: 16px;left: 136px;">理想生活上天猫</em>
									<i class="midrank"></i><span class="midrank1">/6</span>
								</div>
								<div class="tmal-nav">
									<ul>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
								<div class="ppt-bom">
									<ul>
										<li><img src="imgs/tmal1.png" alt="" /></li>
										<li><img src="imgs/tmal2.png" alt="" /></li>
										<li><img src="imgs/tmal3.png" alt="" /></li>
										<li><img src="imgs/tmal4.png" alt="" /></li>
										<li><img src="imgs/tmal5.png" alt="" /></li>
										<li><img src="imgs/tmal6.png" alt="" /></li>
									</ul>
									<a href="javascript:;" id="prev1" style="text-align: center;">
										<i class="fa fa-angle-left"></i>
									</a>
									<a href="javascript:;" id="next1" style="text-align: center;">
										<i class="fa fa-angle-right"></i>
									</a>
								</div>
								
								
							</div>
							
							<div class="ppt-right">
								<img src="imgs/right.png" style="width: 160px;height: 280px;"/>
								<div style="padding-top: 10px;">
									<h2 style="color: #A1A1A1; font-size: 12PX;">今日热卖</h2>
								</div>
								<img src="imgs/TB1j4LLKpXXXXcbaXXXSutbFXXX.jpg" style="width: 160px;height: 200px;"/>
							</div>
						</div>
					</div>
					
					
					
					
					
				</div>
				
				
				<div class="right-meun"> 
					<div style="margin-top: 10px;">
						<img src="imgs/last.png" style="width: 280px;height: 516px; cursor: pointer;" />
					</div>
					 <div class="side">
					 	<a href="javascript:;">爱逛好货</a>
					 	<a href="javascript:;">好店直播</a>
					 	<a href="javascript:;">品质特色</a>
					 	<a href="javascript:;">猜你喜欢</a>
					 	<a href="javascript:;">顶部</a>
					 	<a href="javascript:;">反馈</a>
					 </div>
				</div>
				
				
				
			</div>
			
			
			
			
			
			
			
			
		</div>
		
		
		
		
		
		
		
		
		
	</body>

</html>